html, body {
	height: 100%;
}

body {
	padding: 0;
	background-color: #3a2820;
	font-family: 'Gentium Book Basic', serif;
	font-size: 12px;
	font-weight: 200;
	color: #ffffff;
	width: 1200px;
	margin: 0 auto;
	text-align: center;
	height: 900px;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-weight: 300;
	font-family: 'Playfair Display SC', serif;
	color: #221D1D;
}

h2 {
	font-size: 2.5em;
}

p, ol, ul {
	margin-top: 0px;
}

p {
	line-height: 200%;
}

strong {
}

a {
	color: #C81F18;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

img.border {
}

img.alignleft {
	float: left;
}

img.alignright {
	float: right;
}

img.aligncenter {
	margin: 0px auto;
}

hr {
	display: none;
}

/** WRAPPER */

.wrapper {
	width: 730px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	
	float:left;
}


#subheader {
    background-image: url("images/panel_bar1.png");
    border-radius: 14px 14px 0 0;
    height: 50px;
    margin: 0 auto;
    width: 730px;
}

 .sidebar {
    border-radius: 14px 14px 0 0;
    float: right;
    height: 660px;
    margin-right: 100px;
    margin-top: 90px;
    overflow: hidden;
    text-align: center;
    width: 370px; 
  }


 .redbar {
 	background-image: url(images/panel_bar1.png);
 	
 	height: 50px;
 	width: 370px;
 	margin: 0 auto;
 		
 	
}

.bluebar {
 	background-image: url(images/panel_bar2_new.png);
 	background-color: #FFFFFF;
 	height: 50px;
 	width: 200px;
 	margin-top: 15px;

 	border-radius: 12px 12px 12px 12px;
 }


#sidescreen {
    background-color: #FFFFFF;
    height: 520px;
   
    margin-top: 0;
    overflow: hidden;
    width: 370px;
 }

 .sidescreen, .try-out-ban, .banner-entries {
 	height: 100px;
 	width: 180px;
 	margin: 0 auto;
 	margin-bottom: 30px;
 	margin-top: 20px;
 }

 .sidescreen, .thumbnails {
 	margin-bottom: 70px;
 	margin-top: 30px;
 }

 .insertext-thumbnail {
width: 350px;
margin: 0 auto;
margin-right: 20px;

}

.wrappermain {

	height: auto;
	height: 850px;
	

}

#darklayer {
	width: 760px;
	margin: 0 auto;
	
	height: 900px;
	background-color: #231813;
	
}



.container {
	width: 980px;
	margin: 0px auto;
}

.clearfix {
	clear: both;
}

/** HEADER */

#header {
	width: 730px;
	height: 100px;
	margin-top: 30px;
	
}


#logotext1 {
	width: 193px;
	height: 52px;
	margin: 0px auto;
	color: #FFFFFF;
	background-image: url(images/original_04.png);
}
#logotext2 {
	width: 80px;
	height: 52px;
	margin: 0px auto;
	color: #FFFFFF;
	background-image: url(images/original_03.png);
	float:left;

}

#logo h1 {
	line-height: 100px;
	letter-spacing: -1px;
	text-align: center;
	text-transform: lowercase;
	font-size: 5em;
}

#logo h1 span {
	color: #FFFFFF;
}


#logo p {
	text-align: center;
	font-size: 16px;
	color: #595959;
}

#logo p a {
	color: #595959;
}

/** MENU */



#menu {
    background-image: url("images/mainmenu1.png");
    border-radius: 0 0 14px 14px;
    color: #000000;
    font-family: 'Noticia Text',serif;
    font-size: 20px;
    height: 63px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 1165px;
}

.menuUL {
    
    float: left;
    height: 44px;
    line-height: normal;
    list-style: none outside none;
    margin: 17px 0 0 40px;
    padding: 0;
    text-align: center;
}

#menu li {
	display: inline-block;
}

#menu a {
    border: medium none;
    display: block;
    font-family: 'Domine',serif;
    font-size: 22px;
    font-weight: 200;
    padding: 5px 43px 30px 47px;
    text-align: center;
    text-decoration: none;
}

#menu a:hover, #menu .current_page_item a {
	text-decoration: none;
}

#menu .current_page_item a {
	/** background: #950D08;**/
	color: #FFFFFF; 
}

#menu .last {
	border-right: none;
}

/** PAGE */

#page {
}

/** CONTENT */

#content {
}



/* Footer */

#footer {
	overflow: hidden;
	width: 1000px;
	height: 200px;
	margin: 0 auto;
	padding: 40px 0 15px 0;
}

#footer p {
	margin: 0;
	padding-top: 20px;
	line-height: normal;
	text-align: center;
	text-shadow: 1px 1px 0px #FFFFFF;
	text-transform: uppercase;
	color: #363636;
}

#welcome {

	   display: inline;
    float: right;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
       
}

#welcome .content {
	padding: 0px 0px 40px 0px;
	border-bottom: 1px solid #D4D4D4;
	text-align: center;
        
}

#welcome h2 {
	padding: 0px 0px 20px 0px;
	text-align: center;
}

#welcome h2 a {
	text-decoration: none;
	color: #000000;
}

#wrapper .grid {
width: 300px;
}

.wrapperclass {
	background-color: #FFFFFF;
	background: no-repeat 0 0 auto;
	height: 800px;
	width: 730px;
	margin-top: 10px;
	overflow: hidden;


}

.mainbuttons {

float:left;


}

/** 
.bluebotton {
	background: url(images/bluebotton_02_02.png);
	width: 137px;
	height: 50px;
	overflow: hidden;


}

#navlist li {
	background-image: url(images/bluebutton_02.png);
	width: 137px;
	height: 50px;
	overflow: hidden;
	background-repeat: no-repeat;
	float: left;

}

**/





#headerRight
 {
    color: #000000;
    height: 190px;
    margin: 10 auto;
    width: 1175px;
    float: right;
}

#userpanel
{
	margin-bottom: 40px;
	
}


#userpanel ul {
    line-height: normal;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: center;
}


.digitalclass {
    background-color: #FFFFFF;
    height: 680px;
    height: auto;
    margin-top: 50px;
    overflow: hidden;
    width: 730px;
    margin: 0 auto;
    margin-top: 100px;
    border-radius: 17px 17px 0px 0px;
   
 }



